
#head_mid_title{
    border: 1px solid black;
    height: 160px;
    background-color:#266ec0;
    position:relative;
}
.li_free{
    position: relative;
    display: inline-block;
    width: 210px;
    height: 230px;
    border: 1px solid blue;
    margin: 10px;
}
.img{
    position: absolute;
    width: 210px;
    height: 130px;
}
.course_title{
    position: absolute;
    top: 130px;
    left: 8px;
    
}
.free{
    position: absolute;
    top: 195px;
    left: 15px;
    color: #75a5fe;
    
}
.enroll{
    position: absolute;
    top: 195px;
    left: 125px;
    color: #939696;
    
}

#mid_{
position:absolute;
color:white;
font-size:45px;
top:10px;
left:550px;
}
#mid__{
position:absolute;
color:white;
top:80px;
left:465px;
}






#head_line{
            height:80px;
            background-color:#266ec0;

        }
#head_line a{
            color:white;
            text-decoration: none;
            display: inline;
            /* text-align: center;  */
            font-size: 20px;
            margin: 20px;
            vertical-align:middle;
        }
#head_line a:hover{
            color:#082b7e;
            cursor:pointer;
        }
#head_line img{
            height: 80px;
            width:105px;
            vertical-align:middle;
        }
 /*------- 展示菜单和轮播图------- */

#display{display: inline;}
#display .menu li{
            /* display: inline;  */
            width: 300px;
            margin-top: 0px;
            vertical-align: middle;
            list-style: none;
        }
#display .banner img{
            height: 400px;
            width: 1000px;
            margin-left: 200px;
            margin-top: 10px;
            display: inline;
        }